.skill {
  margin-top: 12px;

  // 避免技能信息被分页切断
  page-break-inside: avoid;
  break-inside: avoid;
}

.skill-title {
  display: flex;
  align-items: center;
  height: 27px;
  font-size: 16px;
  border-bottom: 2px solid rgb(37, 99, 235);

  .title {
    font-size: 18px;
    color: #2563eb;
  }
  .en {
    margin-left: 5px;
    font-size: 14px;
    color: #4b5563;
  }
}

.skill-container {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 16px;
  font-size: 15px;

  .skill-item {
    display: flex;
    align-items: flex-start;

    .circle-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 20px;

      .circle {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: rgb(37, 99, 235);
      }
    }
    .text-container {
      margin-left: 5px;
      .text {
        line-height: 20px;
      }
    }
  }
}
